<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <title>购物车</title>
          <!-- bootstrap -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

  <!-- animate.css -->
  <link rel="stylesheet" href="./assets/css/animate.min.css" />

  <!-- reset.less -->
  <link rel="stylesheet/less" href="./assets/css/reset.less" />

  <!-- index.less -->
  <link rel="stylesheet/less" href="./assets/css/shopping.less" />
</head>

<body>
    <table class="table">
         <caption>购物车</caption>
         <thead> 
             <tr>
                 <th>序号</th>
                 <th class="th1">品名</th>
                 <th>单价</th>
                 <th>数量</th>
                 <th>金额</th>
             </tr>
         </thead>
         <colgroup>
        <col width="50" />
        <col width="250" />
        <col width="70" />
        <col width="60" />
        <col width="70" />
      </colgroup>
         <tbody>
           <tr>
               <td>1</td>
               <td>柚子</td>
               <td>36</td>
               <td>1</td>
               <td>36</td>
           </tr>
           <tr>
               <td>2</td>
               <td>果盘</td>
               <td>35</td>
               <td>1</td>
               <td>35</td>
           </tr>
           <tr>
               <td>3</td>
               <td>草莓</td>
               <td>14</td>
               <td>1</td>
               <td>14</td>
           </tr>
           <tr>
               <td>4</td>
               <td>葡萄</td>
               <td>12.5</td>
               <td>1</td>
               <td>12.5</td>
           </tr>
           <tr>
              <td>5</td>
              <td>葡萄</td>
              <td>12.5</td>
              <td>1</td>
              <td>12.5</td>
          </tr>
          <tr>
            <td>6</td>
            <td>荔枝</td>
            <td>18.5</td>
            <td>1</td>
            <td>18.5</td>
            </tr>
            <tr>
              <td>7</td>
              <td>香瓜</td>
              <td>20</td>
              <td>1</td>
              <td>20</td>
          </tr>
          <tr>
            <td>8</td>
            <td>西瓜</td>
            <td>30</td>
            <td>1</td>
              <td>30</td>
          </tr>
          <tr>
            <td>9</td>
            <td>苹果</td>
            <td>14</td>
            <td>1</td>
            <td>14</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
        <tr>
          <td>10</td>
          <td>石榴</td>
          <td>15</td>
          <td>1</td>
          <td>15</td>
        </tr>
         </tbody>
    </table>
    <div>
      <button>结算</button>
    </div>


    <footer class="footer">
      <a href="./index.html" class="item">
        <span class="glyphicon glyphicon-home"></span>
        <span>首页</span>
      </a>
      <a href="./classification.html" class="item">
        <span class="glyphicon glyphicon glyphicon-th-large"></span>
        <span>分类</span>
      </a>
      <a href="./shopping.html" class="item">
        <span class="glyphicon glyphicon-shopping-cart"></span>
        <span>购物车</span>
      </a>
      <a href="./my.html" class="item">
        <span class="glyphicon glyphicon-user"></span>
        <span>我的</span>
      </a>
    </footer>
</body>
</html>

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/wow.min.repeat.js"></script>